
<template>
    <van-tabs v-model:active="active" sticky>
        <van-tab title="精品" name="a" to="/boutique"><router-view></router-view></van-tab>
        <van-tab title="关注" to="/concern"><router-view></router-view></van-tab>
        <van-tab title="晒单" to="/sheet"><router-view></router-view></van-tab>
        <van-tab title="上新" to="/newgoods"><router-view></router-view></van-tab>
        <van-tab title="推荐" to="/follow"><router-view></router-view></van-tab>
    </van-tabs>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import router from '@/router'

const active = ref('a');
onMounted(() => { router.push('/boutique') })



</script>


<style lang="scss" scoped>
:root {
    --van-myself-color: #ff8d1a;
}

.van-tab--active {
    color: var(--van-myself-color);
}

.van-tabs__line {
    background: var(--van-myself-color);
}
.van-tabs__wrap {
    position: fixed;
}
</style>


